<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">

<script type="text/javascript">
	if(window.parent!=window){
		window.parent.open("/user/to_login","_self");
		window.open("","_self").close();
	}
</script>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
    <!-- BEGIN HEAD -->
    <head>
		<meta charset="utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta content="width=device-width, initial-scale=1" name="viewport" />
		<meta content="" name="author" />
		<link rel="shortcut icon" href="/static/favicon.ico" />
		<title>登录</title>
		<link href = "/static/pages/css/login.css" rel="stylesheet" style="text/css"/>
	</head>
	
	<!--[if lt IE 9]>
	<script src="/static/global/plugins/respond.min.js"></script>
	<script src="/static/global/plugins/excanvas.min.js"></script> 
	<script src="/static/global/plugins/ie8.fix.min.js"></script> 
	<![endif]-->
	<script src="/static/global/plugins/require/require.js"></script>
	<script src="/static/require.config.js"></script>
	
    <!-- END HEAD -->
    <body class="login" style="margin:0px;">
        <!-- BEGIN : LOGIN PAGE 5-1 -->
        <div class="user-login-5" id="user-login-5">
            <div class="row bs-reset">
                <div class="col-md-6 bs-reset mt-login-5-bsfix">
                    <div class="login-bg" style="background: none; position: relative; z-index: 0;">
                        <img class="login-logo" src="/static/layouts/layout/img/logo.png"> <div class="backstretch" style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px;  height: 0px;  */width: 960px; z-index: -999998; position: absolute;"><img style="position: absolute; margin: 0px; padding: 0px; border: none; width: 960px; height: 0px; max-height: none; max-width: none; z-index: -999999; left: 0px; top: -112.5px;" src="/static/pages/img/login/bg2.jpg"></div>
                    </div>
                </div>
                <div class="col-md-6 login-container bs-reset mt-login-5-bsfix">
                    <div class="login-content">
                        <h3>欢迎登录pay-boy</h3>
                        <p></p>
                        <form action="/authentication/form" class="login-form" method="post" novalidate="novalidate" style="margin-top: 80px;">
                        	<input type="password" class="hidden" />
                            <div id="login_form_error_tip" class="alert alert-danger display-hide">
                                <span>请输入用户名密码. </span>
                            </div>
                            <div class="row">
                                <div class="col-xs-6">
                                    <input class="form-control form-control-solid placeholder-no-fix form-group" type="text" autocomplete="off" placeholder="手机号/邮箱" name="username" required="" aria-required="true"> </div>
                                <div class="col-xs-6">
                                    <input class="form-control form-control-solid placeholder-no-fix form-group" type="text" onfocus="this.type='password'" autocomplete="off" placeholder="密码" name="password" required="" aria-required="true"> </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-6">
                                	<div class="input-error">
                                    	<input class="form-control form-control-solid placeholder-no-fix form-group" type="text" autocomplete="off" placeholder="验证码" name="imageCode" required="" aria-required="true">
                                    </div>
                                </div>
                                <div class="col-xs-6">
									<a>
										<img id="captcha" alt="验证码" src="/code/image?width=60" data-src="/code/image?width=60" style="width:94.5px;height:35px;">
									</a>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-8">
                                    <div class="rem-password">
                                        <label class="rememberme mt-checkbox mt-checkbox-outline">
                                            <input id="remember-me" type="checkbox" value="true"/> 7天内自动登录
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                	<div class="rem-password">
	                            		<a href="/user/to_forget_pwd" class="pull-right" title="密码忘记了怎么办">忘记密码？</a>
	                            	</div>
	                            </div>
                            </div>
                            <div class="row" style="padding-top:10px;">
                                <div class="col-sm-10" >
		                            <a id="btn-to-rigist" class="btn blue-steel btn-outline" href="/user/to_regist" style="border-radius: 25px !important;">立即注册</a> |
	                                <a id="mobile-login-btn" class="btn blue-steel btn-outline" style="border-radius: 25px !important;">短信登录</a>
	                                <a id="qq-login" class="btn blue-steel btn-outline" style="border-radius: 25px !important;" href="javascript:void(0);">QQ登录</a>
	                                <a id="wechat-login" class="btn blue-steel btn-outline" style="border-radius: 25px !important;" href="javascript:void(0);">微信登录</a>
                                </div>
                                <div class="col-sm-2 text-right">
	                                <button class="btn green" id="login_form_submit" type="button" data-loading-text="提交中..."> 登录 </button>
                                </div>
                            </div>
                        </form>
                        <!-- BEGIN FORGOT PASSWORD FORM -->
                        <form class="mobile-form" action="/authentication/mobile" method="post" style="display: none; margin-top: 80px;color: #a4aab2;">
                        	<input type="password" class="hidden" />
                        	<div class="alert alert-danger display-hide" id="mobile_form_error_tip">
                                <span>Enter any username and password. </span>
                            </div>
                            <div class="form-group" style="margin-bottom:30px;">
                               	<div class="input-icon">
                               		<i class="icon-screen-smartphone"></i>
                                   	<input class="form-control placeholder-no-fix form-group" type="text" autocomplete="off" placeholder="手机号" name="mobile" id="mobile">
                                </div> 
                            </div>
                            <div class="form-group">
                              	<div class="row">
									<div class="col-md-9">
										<div class="input-icon">
											<i class="icon-envelope"></i>
                                   			<input class="form-control placeholder-no-fix form-group" type="text" autocomplete="off" placeholder="验证码" name="smsCode" id="smsCode">
										</div>
									</div>
							        <div class="col-md-3">
							        	<button id="smsCodeBtn" type="button" class="btn green pull-right">获取短信验证码</button>
							        	<input type="hidden" id="totalSecond">
							        	<input type="hidden" id="intervalId">
							        </div>
                                </div> 
                            </div>
                            <div class="form-actions" style="padding-top:10px;">
                               <a id="back-btn" class="btn blue-steel btn-outline" style="border-radius: 25px !important;">返回</a>
                               <button type="button" class="btn green pull-right" id="mobile_form_submit" data-loading-text="提交中...">登录</button>
                            </div>
                        </form>
                        <!-- END FORGOT PASSWORD FORM -->
                    </div>
                    <div class="login-footer">
                        <div class="row bs-reset">
                            <div class="col-xs-12 bs-reset">
                                <div class="login-copyright text-right">
                                    <p> © 2018 巴巴电商金融研究院  qq群460395575 </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
	<script type="text/javascript">
		// 创建app.js 调用helper
		require([
			'./static/pages/scripts/login'
		], function(login){
			require([
				'jquery',
				'jquery-lazyload',
				'backstretch'
			],function($){
				$(".backstretch img").lazyload({effect: "fadeIn"});
				// 轮播背景
				$('.login-bg').backstretch([
					"/static/pages/img/login/bg1.jpg",
					"/static/pages/img/login/bg2.jpg",
					"/static/pages/img/login/bg3.jpg"
					], {
					fade: 1000,
					duration: 8000
				});
			});
			login.init();
		});	
	</script>
</html>